body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img{margin:0;padding:0;}/*设置margin和padding为0*/
body{ font-family: "Microsoft YaHei",Arial,Verdana, Helvetica, sans-serif; margin: 0 auto;font-size:12px; }/*字体设置*/
a:link { text-decoration:none; outline:none;}/*a下划线清楚*/
a:visited {text-decoration:none; outline:none;}
a:hover { text-decoration:none; outline:none;}/*鼠标放上去a下划线清楚*/
a:active { border:0; background-color:Transparent; outline:none;}
.clear{clear: both;}/*浮动清除*/
input{border: none;outline:none}/*input边框清除*//*清除获取焦点的边框*/
ul{list-style: none}/*清除li的圆点*/
img{display:block; border:none;width: 100%;}/*清除img空隙*/
.none-padding {padding: 0 !important;}/*用来取消自带的padding值*/
.none-margin {margin: 0 !important;}/*用来取消自带的padding值*/
.container{width: 85%;}
.row{margin: 0 }
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {  padding-right: 0;  padding-left:0;     min-height: 0; }/*取消padding值*/

/*header*/
.header{background-color: rgba(255,255,255,0.6);position: fixed;z-index: 9999999;width: 100%;text-align: center;}
.nav li{float: left;width: 13%;line-height: 2em;text-align: center;font-size: 16px;margin:0  0.5%;}
.nav ul{padding-top: 3.4%;}
.nav li a{color: #333;display: block;height: 2em;border-radius: 4px;position: relative;z-index: 20;}
#bgli { position: absolute; background: #81d154; border-radius: 4px; width: 13%; height: 2em; z-index: 10}
.fenxiang1,.fenxiang2,.fenxiang3{float: left;width: 14.3%;margin-right: 13%;margin-top: 28%;}
.erweima1,.erweima2,.erweima3{width:100%;position: absolute;left:-13%;top:110%;display: none;}


/*右侧圆点导航*/
#fp-nav { position: fixed; z-index: 9999; margin-top: -32px; top: 50%; opacity: 1; -webkit-transform: translate3d(0, 0, 0) }
#fp-nav.right { right: 17px }
#fp-nav.left { left: 17px }
.fp-slidesNav { position: absolute; z-index: 4; left: 50%; opacity: 1 }
.fp-slidesNav.bottom { bottom: 17px }
.fp-slidesNav.top { top: 17px }
#fp-nav ul, .fp-slidesNav ul { margin: 0; padding: 0 }
#fp-nav ul li, .fp-slidesNav ul li { display: block; width: 20px; height: 19px; margin: 7px; position: relative }
.fp-slidesNav ul li { display: inline-block; }
#fp-nav ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; border-bottom:none; }
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span { height: 20px; width: 20px; margin: -6px 0 0 -6px; border-radius: 100%;background:#81d154;border:solid 1px #595f50 }
#fp-nav ul li a span, .fp-slidesNav ul li a span { border-radius: 50%; position: absolute; z-index: 1; height: 10px; width: 10px;   left: 50%; top: 50%; margin: -2px 0 0 -2px; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out ;border:solid 1px #595f50}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span { width: 16px; height: 16px; margin: -5px 0 0 -5px ;}
#fp-nav ul li .fp-tooltip { position: absolute; top: -2px; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; overflow: hidden; display: block; opacity: 0; width: 0 }
#fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active+.fp-tooltip { -webkit-transition: opacity .2s ease-in; transition: opacity .2s ease-in; width: auto; opacity: 1 }
#fp-nav ul li .fp-tooltip.right { right: 20px }
#fp-nav ul li .fp-tooltip.left { left: 20px }
.cebian{width: 5.5%;height: 100%;background: rgba(255,255,255,0.6);position:fixed;right:0;top:0;z-index: 999;}
/*footer*/
.footer{height: 60px;background-color: #242525;color: #fff;font-size: 14px;text-align: center;position: relative;bottom:0;left: 0;z-index: 9999999;width: 100%;line-height: 60px;}
.kong{height: 60px;}
.footer_shouji{padding-left: 5%;background: #393f48;}
.footer_shouji a{color: #fff; line-height: 1.2em;}
.fanye {padding-top: 4%;text-align: center}
.fanye a{display: inline-block;font-size: 14px;color: #333;line-height: 24px;padding: 0 6px;margin: 0 4px;background-color: #fff;}
.fanye .dangqian{background-color: #81d154;color: #fff;}
.title{position: relative;animation:mymove 1s ;}
.fanye a:hover{background-color: #81d154;color: #fff;}
#dq{background: #81d154;}
.title{font-size: 20px!important;}
@keyframes mymove {
    0%   {transform: scale(3);}
    100% {transform: scale(1);}
}
@media screen and (max-width: 991px) {
    .erweima{margin-left: 10%;}
    .fenxiang1,.fenxiang2,.fenxiang3{float: left;width: 14.3%;margin-right: 13%;margin-top: 8%;}
    .small_nav{margin-top: 1.5%;width: 6%;position: relative;}
    .title{margin-top: 30%!important;}
    .fu_nav ul li{float: left;width: 10%;margin-left: 12%;}
    .fu_nav ul a{line-height: 50px;font-size: 12px;color: #333;}
    #fp-nav.right { right: 10px }
    .cebian{width: 6%;}
    .footer{height: 40px;font-size: 14px;text-align: center;bottom:0;left: 0;line-height: 40px;}
    .kong{height: 40px;}
    .nr{margin-top: 30%!important;}

}
@media screen and (max-width: 767px) {
    .nr{margin-top: 30%!important;}
    .title{margin-top: 23%!important;}
    .erweima{margin-left: 10%;}
    .fenxiang1,.fenxiang2,.fenxiang3{float: left;width: 20%;margin-right: 13%;margin-top: 10%;}
    .small_nav{margin-top: 2%;width: 10%;position: relative;margin-left: 10px;font-size: 16px;}

    .fu_nav ul li{float: left;width: 16%;margin-left: 8%;}
    .fu_nav ul a{line-height: 17px;font-size: 12px;color: #333;}
    #fp-nav.right { right: 2px }
    .cebian{width: 8%;}
    .footer{height: 36px;font-size: 12px;text-align: center;bottom:0;left: 0;line-height: 18px; }
    .kong{height: 36px;}
    .fanye {padding-bottom: 4%;}
    .fanye a{font-size: 12px;}
}
@media screen and (max-width: 350px) {
    .fanye a{font-size: 12px;padding: 0 4px;margin: 0 2px;line-height: 18px;}
}